html, body, .provider-detail-container {
  height: 100%;
}

body {
  padding: 16px 16px 0 16px !important;
  min-width: 1100px;
  background-color: $bg-color-l1;
  overflow-x: auto;
  overflow-y: hidden;
}

.provider-detail-container {
  display: flex;
  flex-flow: column nowrap;
  overflow: hidden;
  // form-view
  .form-view {
    padding: 0;
    &.form-view-two-column {
      .items-of-group {
        display: flex;
        flex-wrap: wrap;

        .form-view-row {
          width: 50%;

          &:nth-child(odd) {
            padding-right: 12px;
          }

          &:nth-child(even) {
            padding-left: 12px;
          }
        }
      }
    }
  }
}

// 顶部操作区
.service-detail-header {
  margin-bottom: 10px;
  position: relative;
  background: #fff;
  border-radius: 4px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

// 服务商详情
.task-detail-main-content {
  flex: 1;

  &-left,
  &-right {
    height: 100%;
    overflow: hidden;
  }

  &-right-content {
    height: calc(100% - 40px);
    overflow-y: auto;
  }

  &-right-height {
    height: 100%;
  }

  .collapse-left,
  .collapse-right {
    height: 40px;
    line-height: 40px;
    padding-left: 12px;
    color: $text-color-regular;
    border-bottom: 2px solid $color-border-l2;
  }
}

